<include file="public@s_support_head">
<div class="body container-fluid">
    <div class="cooper-top mb-3">
        <div class="cooper-top-banner">
            <div class="swiper-container clearfix">
                <div class="swiper-wrapper">
                    <div class="swiper-slide">
                        <a href="#"><img src="__TMPL__/public/assets/images/upload/cooper_banner01.jpg"></a>
                    </div>
                    <div class="swiper-slide">
                        <a href="#"><img src="__TMPL__/public/assets/images/upload/cooper_banner01.jpg"></a>
                    </div>
                    <div class="swiper-slide">
                        <a href="#"><img src="../../images/upload/cooper_banner01.jpg"></a>
                    </div>
                </div>
                <!-- Add Pagination -->
                <div class="swiper-pagination"></div>
            </div>
        </div>
        <div class="cooper-top-intro">
            <div class="intro-wrapper">
                <h2 class="intro-head mb-4">合作加盟</h2>
                <p class="intro-text">
                    企业或者集团连锁总部与加盟商之间的相互约定的合作关系。根据约定（一般以书面合同形式表现），总部和加盟商履行相关义务和争取相关权益，总部须向加盟商提供最少一项独特商业经营特权，并附有员工培训、组织结构、经营管理及商品供销等协助和服务，而加盟商也须付出适当报偿。合作期间任何一方违反合同条例，另一方可根据约定向相关执法部门提起诉讼，维护自身的权益。</p>
            </div>
        </div>
    </div>

    <div class="cooper-conetent">
        <ul class="nav nav-tabs navlist mb-4" role="tablist">
            <li class="nav-item">
                <a class="nav-link active" data-toggle="tab" href="#tenet" role="tab">加盟原则</a>
            </li>
            <li class="nav-item">
                <a class="nav-link" data-toggle="tab" href="#condition" role="tab">加盟条件</a>
            </li>

            <li class="nav-item">
                <a class="nav-link" data-toggle="tab" href="#attract " role="tab">空白区域招商</a>
            </li>
        </ul>
        <div class="tab-content">
            <div class="tab-pane fade show active" id="tenet" role="tabpanel">
                <div class="demand-wrapper">
                    <p>
                        企业或者集团连锁总部与加盟商之间的相互约定的合作关系。根据约定（一般以书面合同形式表现），总部和加盟商履行相关义务和争取相关权益，总部须向加盟商提供最少一项独特商业经营特权，并附有员工培训、组织结构、经营管理及商品供销等协助和服务，而加盟商也须付出适当报偿。合作期间任何一方违反合同条例，另一方可根据约定向相关执法部门提起诉讼，维护自身的权益。</p>
                    <p>
                        代理：指委托人在指定地区的全权代表，他有权代表委托人从事一般商务活动和某些非商务性事务，并可以将有权指定地区内细分地区，委托下放给区域代理，从事一般商务活动和某些非商务性事务。总代理应区分于独家代理和一般代理，也是事务的主要负责人。
                        2、两者的区别： 加盟属于和集团总公司合作的关系，对企业的所有产品或者服务有统一的要求和权利。而代理，权限比较小，通常是局限于某一个产品或者一个地区作为负责人的形式，进行商业活动。</p>
                </div>
            </div>
            <div class="tab-pane fade" id="condition" role="tabpanel">
                <div class="demand-wrapper">
                    <p>
                        企业或者集团连锁总部与加盟商之间的相互约定的合作关系。根据约定（一般以书面合同形式表现），总部和加盟商履行相关义务和争取相关权益，总部须向加盟商提供最少一项独特商业经营特权，并附有员工培训、组织结构、经营管理及商品供销等协助和服务，而加盟商也须付出适当报偿。合作期间任何一方违反合同条例，另一方可根据约定向相关执法部门提起诉讼，维护自身的权益。</p>
                    <p>
                        代理：指委托人在指定地区的全权代表，他有权代表委托人从事一般商务活动和某些非商务性事务，并可以将有权指定地区内细分地区，委托下放给区域代理，从事一般商务活动和某些非商务性事务。总代理应区分于独家代理和一般代理，也是事务的主要负责人。
                        2、两者的区别： 加盟属于和集团总公司合作的关系，对企业的所有产品或者服务有统一的要求和权利。而代理，权限比较小，通常是局限于某一个产品或者一个地区作为负责人的形式，进行商业活动。</p>
                </div>
            </div>
            <div class="tab-pane fade" id="attract" role="tabpanel">
                <div class="demand-wrapper">
                    <p>
                        企业或者集团连锁总部与加盟商之间的相互约定的合作关系。根据约定（一般以书面合同形式表现），总部和加盟商履行相关义务和争取相关权益，总部须向加盟商提供最少一项独特商业经营特权，并附有员工培训、组织结构、经营管理及商品供销等协助和服务，而加盟商也须付出适当报偿。合作期间任何一方违反合同条例，另一方可根据约定向相关执法部门提起诉讼，维护自身的权益。</p>
                    <p>
                        代理：指委托人在指定地区的全权代表，他有权代表委托人从事一般商务活动和某些非商务性事务，并可以将有权指定地区内细分地区，委托下放给区域代理，从事一般商务活动和某些非商务性事务。总代理应区分于独家代理和一般代理，也是事务的主要负责人。
                        2、两者的区别： 加盟属于和集团总公司合作的关系，对企业的所有产品或者服务有统一的要求和权利。而代理，权限比较小，通常是局限于某一个产品或者一个地区作为负责人的形式，进行商业活动。</p>
                </div>
            </div>
        </div>
    </div>
</div>
<style>
    .cooper-top {
        overflow: hidden;
        background-color: #e5e6e8;
    }
    .cooper-top-banner {
        float: left;
        width: 51.65%;
        margin-right: 6.6%;
    }
    .cooper-top-intro {
    }
    @media (max-width: 767px) {
        .cooper-top-banner {
            float: none;
            clear: both;
            width: 100%;
        }
        .cooper-top-intro {
            padding: 30px 4.4%;
        }
        .intro-head:after {
            left: 0 !important;
        }
    }
    .intro-wrapper {
        padding-top: 30px;
    }
    .intro-head {
        position: relative;
        font-size: 25px;
    }
    .intro-head:after {
        content: '';
        position: absolute;
        left: 58.25%;
        bottom: -10px;
        height: 4px;
        border: 1px solid #656666;
        background: #2b2b2b;
        width: 60px;
    }
    .intro-text {
        overflow: hidden;
        padding-right: 4.4%;
        text-indent: 30px;
        max-height: 168px;
    }
    .demand-wrapper p {
        text-indent: 30px;
    }
</style>
<include file="public@common_footer">
</body>
</html>